<template>
  <div>
    <h2>当前求和：{{ sum }}</h2>
    <button @click="sum++">点我+1</button>
    <hr>
    <h2>鼠标所在坐标：X：{{ point.x }}， Y：{{ point.y }}</h2>
  </div>
</template>

<script>
import { ref } from "vue";
// 引入编写的公用函数，在 hooks 文件夹下
import usePoint from '../hooks/usePoint';

export default {
  name: 'test_hook',
  setup() {
    let sum = ref(0)
    // hook 本质是一个函数，把setup函数中使用的组合式api进行封装，然后可以在其他组件中复用
    let point = usePoint()

    return {
      sum,
      point
    }
  },


}
</script>
